<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Brand New Phone - Electronics</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> <meta name="description" content="Demo store for Magento theme" />
<meta name="keywords" content="magento, theme, themes, magento premium themes, magento templates" />
<meta name="robots" content="INDEX,FOLLOW" />
<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="/images/apple-touch-icon.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/images/apple-touch-icon-114x114.png" />
<!--[if lt IE 7]>
<script type="text/javascript">
//<![CDATA[
    var BLANK_URL = '/js/blank.html';
    var BLANK_IMG = '/js/spacer.gif';
//]]>
</script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="calendar.css" />
<link rel="stylesheet" type="text/css" href="css/all.css" media="all" />
<link rel="stylesheet" type="text/css" href="css/print.css" media="print" />
<script type="text/javascript" src="js/all.js"></script>
<link rel="canonical" href="phone1.html" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/ie7_all.css" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<script type="text/javascript" src="js/ie7.js"></script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="js/ie7_lte_all.css" media="all" />
<![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" type="text/css" href="css/ie8.css" media="all" />
<![endif]-->

<script type="text/javascript">
//<![CDATA[
Mage.Cookies.path     = '/demo';
Mage.Cookies.domain   = '.ultimo.infortis-themes.com';
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
optionalZipCountries = ["HK","IE","MO","PA"];
//]]>
</script>
<script type="text/javascript">//<![CDATA[
        var Translator = new Translate([]);
        //]]></script>


<link rel="stylesheet" type="text/css" href="css/_grid_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/_layout_fourth.css" media="all" />

<link rel="stylesheet" type="text/css" href="css/_design_fourth.css" media="all" />


<link href='//fonts.googleapis.com/css?family=Oswald&subset=latin' rel='stylesheet' type='text/css'>




	<script type="text/javascript">
		jQuery(function($) { $(".main").addClass("show-bg"); });
	</script>
</head>
<body class=" catalog-product-view catalog-product-view product-phone1 categorypath-electronics-html category-electronics">
<!-- BEGIN GOOGLE ANALYTICS CODEs -->
<script type="text/javascript">
//<![CDATA[
    var _gaq = _gaq || [];
    
_gaq.push(['_setAccount', 'UA-29740436-2']);
_gaq.push(['_trackPageview']);
    
    (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

//]]>
</script>
<!-- END GOOGLE ANALYTICS CODE -->
<div class="wrapper">
        <noscript>
        <div class="global-site-notice noscript">
            <div class="notice-inner">
                <p>
                    <strong>JavaScript seems to be disabled in your browser.</strong><br />
                    You must have JavaScript enabled in your browser to utilize the functionality of this website.                </p>
            </div>
        </div>
    </noscript>
    <div class="page">
        <div class="header-container" id="top">

    <div class="header container">
    <div class="grid-full">
    
    	<div class="header-top clearer">
                        	<div class="block_header_top_help item item-left"><div class="hide-below-768 phone" title="You can put here a phone number or some additional help info">Call Us +001 555 801</div></div>
                                    	<div class="block_header_links_upper item item-left"><div class="show-separators">

	<ul class="links">
		<li class="first hide-below-480">
			<a href="#">Collapsible</a>
		</li>
		<li class="hide-below-960">
			<a href="#">Magento</a>
		</li>
		<li class="hide-below-768">
			<a href="#">Header</a>
		</li>
		<li class="last hide-below-480">
			<a href="#">Links</a>
		</li>
	</ul>

</div></div>
                        <div class="item item-left hide-below-960">
            	<p class="welcome-msg">Welcome, a a! </p>
			</div>
            
            
	
    <div class="dropdown-button currency-switcher item item-right">
    	<div class="inner">
			<p class="label hide-below-768">Currency:</p>
			<p class="text">USD</p>
        </div>
        <ul><li><a href="">BRL - Brazilian Real</a></li><li><a href="">GBP - British Pound Sterling</a></li><li><a href="">CNY - Chinese Yuan Renminbi</a></li><li><a href="">EUR - Euro</a></li><li><a href="">RUB - Russian Ruble</a></li><li class="current">USD - US Dollar</li></ul>    </div>
                                    	<div class="block_header_top_right item item-right"><div class="dropdown-button lang-switcher item item-right hover" title="Multiple languages (this is only demo switcher so languages doesn't work)">

    	<div style="background-image:url(images/default.png)" class="inner" >
			<p class="label hide-below-768">Language:</p>
			<p class="text">English</p>
        </div>

<ul style="display: none;">
<li style="background-image:url(images/default.png);" class="current">English</li>
<li style="background-image:url(images/default_de.png);"><a href="#">German</a></li>
<li style="background-image:url(images/fr.png);"><a href="#">French</a></li>
<li style="background-image:url(images/it.png);"><a href="#">Italian</a></li>
</ul>

</div></div>
                    </div>
                
		<div class="header-main v v3">
        	<div class="logo-wrapper v-item">
			                <a href="#" title="Premium Magento Themes" class="logo"><strong>Premium Magento Themes</strong><img src="images/logo.png" alt="Premium Magento Themes" /></a>
                        </div>
            
            <div class="header-top-search-wrapper v-item">
                <form id="search_mini_form" action="" method="get">
    <div class="form-search">
        <label for="search">Search:</label>
        <input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
        <button type="submit" title="Search" class="button"><span><span>Search</span></span></button>
        <div id="search_autocomplete" class="search-autocomplete"></div>
        <script type="text/javascript">
        //<![CDATA[
            var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Search entire store here...');
            searchForm.initAutocomplete('catalogsearch/ajax/suggest/', 'search_autocomplete');
        //]]>
        </script>
    </div>
</form>
                            </div>
            
            <div class="user-menu v-item clearer">
                <div id="mini-cart">
                    
        <div class="block-title clearer">
    
    	<div class="heading" title="View contents of your shopping cart">My Cart</div>
        
        <a class="summary" href="" title="View contents of your shopping cart">
			
			            
            	<p class="amount">Cart <span>(4)</span></p>
                <p class="subtotal">
											<span class="price">$309.88</span>                    				</p>

			        
        </a> <!-- end: summary -->
        
		
    </div> <!-- end: block-title -->
    
    

                
            	<div class="block-content block">
        	<div class="block-content-inner">

				                
				                     <div class="block_mini_cart_above_products"><div style="padding:15px; background-color:#f5f5f5; color:#d90000;" title="Customizable CMS block for promo info">
<a class="go" href="#">Check our latest super promotions!</a>
</div></div>
                            
                <p class="block-subtitle">Recently added item(s)</p>
                <ol id="cart-sidebar" class="mini-products-list">
                                    <li class="item">
            <a href="top7.html" title="Some Other Product" class="product-image"><img src="images/7b.jpg" width="50" height="50" alt="Some Other Product" /></a>
        <div class="product-details">
        <a href="#" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');" class="btn-remove">Remove This Item</a>
                <a href="#" title="Edit item" class="btn-edit">Edit item</a>
                <p class="product-name"><a href="top7.html">Some Other Product</a></p>
        <strong>1</strong> x

    
                                <span class="price">$180.88</span>                    


    
    
            </div>
</li>
                                    <li class="item">
            <a href="top1.html" title="Product with Variants" class="product-image"><img src="images/3b.jpg" width="50" height="50" alt="Product with Variants" /></a>
        <div class="product-details">
        <a href="#" title="Remove This Item" onclick="return confirm('Are you sure you would like to remove this item from the shopping cart?');" class="btn-remove">Remove This Item</a>
                <a href="#" title="Edit item" class="btn-edit">Edit item</a>
                <p class="product-name"><a href="top1.html">Product with Variants</a></p>
        <strong>3</strong> x

    
                                <span class="price">$43.00</span>                    


    
    
                <div class="truncated">
          <div class="truncated_full_value">
            <dl class="item-options">
                                <dt>Select Color</dt>
                <dd>
                                        Black                                    </dd>
                                <dt>Select Size</dt>
                <dd>
                                        M                                    </dd>
                                <dt>Select Delivery Date</dt>
                <dd>
                                        Jan 2, 2013                                    </dd>
                                <dt>Additional Comment</dt>
                <dd>
                                        ád                                    </dd>
                            </dl>
          </div>
        <a href="#" onclick="return false;" class="details">Details</a>
        </div>
            </div>
</li>
                                </ol>
                <script type="text/javascript">decorateList('cart-sidebar', 'none-recursive')</script>
                
                <div class="actions">
                    <button type="button" title="View contents of your shopping cart" class="button btn-inline" onclick="setLocation('checkout/cart/')"><span><span>View shopping cart</span></span></button>
                    
                                        	<button type="button" title="Proceed to Checkout" class="button btn-checkout btn-inline " onclick="setLocation('checkout/onepage/')"><span><span>Proceed to Checkout</span></span></button>
						                                    </div>

			</div> <!-- end: block-content-inner -->
        </div> <!-- end: block-content -->
        
                </div>
                                <div class="after-mini-cart"></div>
                
                <div class="top-links show-separators">
                	<ul class="links">
                        <li class="first" ><a href="" title="Account" >Account</a></li>
                                <li ><a href="" title="Wishlist (1)" >Wishlist (1)</a></li>
                                <li class=" last" ><a href="" title="Log Out" >Log Out</a></li>
            </ul>
                </div> <!-- end: top-links -->

            </div> <!-- end: user-menu -->
        </div> <!-- end: v -->

	</div> <!-- end: grid unit -->
    </div> <!-- end: header -->
    
    
<div class="nav-container itemgrid itemgrid-6cols">
	<div class="nav container clearer show-bg">
    
    	<div id="mobnav" class="grid-full">
        	<a id="mobnav-trigger" href="">
            	<div class="icon"><div class="line"></div><div class="line"></div><div class="line"></div></div>
                <span>Menu</span>
			</a>
        </div>
        
        <ul class="accordion vertnav-top grid-full">
			<li class="level0 nav-5 level-top first">
<a href="women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-6 level-top parent">
<a href="fashion.html" class="level-top">
<span>Fashion</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level0">
<li class="level1 nav-6-1 first parent">
<a href="tops.html">
<span>Tops</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-1-1 first">
<a href="evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-6-1-2">
<a href="shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-6-1-3">
<a href="tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-6-1-4 last">
<a href="vests.html">
<span>Vests</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-2 parent">
<a href="dresses.html">
<span>Dresses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-2-5 first">
<a href="casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-6-2-6">
<a href="evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-6-2-7">
<a href="designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-6-2-8 last">
<a href="party.html">
<span>Party</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-3 parent">
<a href="shoes.html">
<span>Shoes</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-3-9 first">
<a href="flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-6-3-10">
<a href="flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-6-3-11">
<a href="boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-6-3-12 last">
<a href="heels.html">
<span>Heels</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-4 parent">
<a href="jewelry.html">
<span>Jewelry</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-4-13 first">
<a href="bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-6-4-14">
<a href="necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-6-4-15 last">
<a href="pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-5 parent">
<a href="coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-5-16 first">
<a href="coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-6-5-17">
<a href="jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-6-5-18">
<a href="leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-6-5-19 last">
<a href="blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-6 parent">
<a href="bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-6-20 first">
<a href="bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-6-6-21">
<a href="designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-6-6-22">
<a href="purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-6-6-23 last">
<a href="shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>
</li><li class="level1 nav-6-7 last parent">
<a href="lingerie.html">
<span>Lingerie</span>
</a>
<span class="opener">&nbsp;</span>
<ul class="level1">
<li class="level2 nav-6-7-24 first">
<a href="bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-6-7-25">
<a href="bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-6-7-26">
<a href="lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-6-7-27 last">
<a href="shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-7 active level-top">
<a href="electronics.html" class="level-top">
<span>Electronics</span>
</a>
</li><li class="level0 nav-8 level-top last">
<a href="downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>        </ul>
    
    	<ul id="nav" class="grid-full wide">
        
        		            <li id="nav-home-link" class="level0 level-top">
            	                <a class="level-top" href=""><span>Home</span></a>
                            </li>
        
		<li class="level0 nav-1 level-top first">
<a href="women.html" class="level-top">
<span>Women</span>
</a>
</li><li class="level0 nav-2 level-top parent">
<a href="fashion.html" class="level-top">
<span>Fashion</span>
</a>
<ul class="level0">
<li class="level1 nav-2-1 first parent item">
<a href="tops.html">
<span>Tops</span>
</a>
<ul class="level1">
<li class="level2 nav-2-1-1 first">
<a href="evening-tops.html">
<span>Evening Tops</span>
</a>
</li><li class="level2 nav-2-1-2">
<a href="shirts-blouses.html">
<span>Shirts &amp; Blouses</span>
</a>
</li><li class="level2 nav-2-1-3">
<a href="tunics.html">
<span>Tunics</span>
</a>
</li><li class="level2 nav-2-1-4 last">
<a href="vests.html">
<span>Vests</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-2 parent item">
<a href="dresses.html">
<span>Dresses</span>
</a>
<ul class="level1">
<li class="level2 nav-2-2-5 first">
<a href="casual-dresses.html">
<span>Casual Dresses</span>
</a>
</li><li class="level2 nav-2-2-6">
<a href="evening.html">
<span>Evening</span>
</a>
</li><li class="level2 nav-2-2-7">
<a href="designer.html">
<span>Designer</span>
</a>
</li><li class="level2 nav-2-2-8 last">
<a href="party.html">
<span>Party</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-3 parent item">
<a href="shoes.html">
<span>Shoes</span>
</a>
<ul class="level1">
<li class="level2 nav-2-3-9 first">
<a href="flat-shoes.html">
<span>Flat Shoes</span>
</a>
</li><li class="level2 nav-2-3-10">
<a href="flat-sandals.html">
<span>Flat Sandals</span>
</a>
</li><li class="level2 nav-2-3-11">
<a href="boots.html">
<span>Boots</span>
</a>
</li><li class="level2 nav-2-3-12 last">
<a href="heels.html">
<span>Heels</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-4 parent item">
<a href="jewelry.html">
<span>Jewelry</span>
</a>
<ul class="level1">
<li class="level2 nav-2-4-13 first">
<a href="bracelets.html">
<span>Bracelets</span>
</a>
</li><li class="level2 nav-2-4-14">
<a href="necklaces-pendants.html">
<span>Necklaces &amp; Pendants</span>
</a>
</li><li class="level2 nav-2-4-15 last">
<a href="pins-brooches.html">
<span>Pins &amp; Brooches</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-5 parent item">
<a href="coats-jackets.html">
<span>Coats &amp; Jackets</span>
</a>
<ul class="level1">
<li class="level2 nav-2-5-16 first">
<a href="coats.html">
<span>Coats</span>
</a>
</li><li class="level2 nav-2-5-17">
<a href="jackets.html">
<span>Jackets</span>
</a>
</li><li class="level2 nav-2-5-18">
<a href="leather-jackets.html">
<span>Leather Jackets</span>
</a>
</li><li class="level2 nav-2-5-19 last">
<a href="blazers.html">
<span>Blazers</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-6 parent item">
<a href="bags-purses.html">
<span>Bags &amp; Purses</span>
</a>
<ul class="level1">
<li class="level2 nav-2-6-20 first">
<a href="bags.html">
<span>Bags</span>
</a>
</li><li class="level2 nav-2-6-21">
<a href="designer-handbags.html">
<span>Designer Handbags</span>
</a>
</li><li class="level2 nav-2-6-22">
<a href="purses.html">
<span>Purses</span>
</a>
</li><li class="level2 nav-2-6-23 last">
<a href="shoulder-bags.html">
<span>Shoulder Bags</span>
</a>
</li>
</ul>
</li><li class="level1 nav-2-7 last parent item">
<a href="lingerie.html">
<span>Lingerie</span>
</a>
<ul class="level1">
<li class="level2 nav-2-7-24 first">
<a href="bras.html">
<span>Bras</span>
</a>
</li><li class="level2 nav-2-7-25">
<a href="bodies.html">
<span>Bodies</span>
</a>
</li><li class="level2 nav-2-7-26">
<a href="lingerie-sets.html">
<span>Lingerie Sets</span>
</a>
</li><li class="level2 nav-2-7-27 last">
<a href="shapewear.html">
<span>Shapewear</span>
</a>
</li>
</ul>
</li>
</ul>
</li><li class="level0 nav-3 active level-top">
<a href="electronics.html" class="level-top">
<span>Electronics</span>
</a>
</li><li class="level0 nav-4 level-top last">
<a href="downloadable.html" class="level-top">
<span>Digital</span>
</a>
</li>
		                	<li class="nav-custom-link level0 level-top parent f-right">
            	                <a class="level-top" href="#"><span>Custom Block</span></a>
                <ul class="level0">
                	<div class="header-nav-dropdown-wrapper clearer"><div class="grid12-3">

	<h3 class="heading">Responsive Magento Theme</h3>
	<p>Ultimo is a premium Magento theme with advanced admin module. It's extremely customizable and fully responsive. Can be used for every type of store.</p>
	<a href="" style="color:red;">Buy this Magento theme</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Editable image size</h5>
	<p>Size of product image and thumbnails on product page editable from admin panel. Specify any size you like, images don&apos;t have to be square - keep the aspect ratio.</p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Brand logo on product page</h5>
	<p>It can also be a link to any page, e.g. link to a category with products from that brand, link to the search results or any CMS page (editable from admin panel).</p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div>
<div class="grid12-3">

	<img src="images/01.png" alt="Image Example" />
	<h5 class="heading">Sliders for Up-sell and Related</h5>
	<p>There are sliders in Up-sell Products and Related Products blocks (visible if there are to many products). Now you can select as much related and up-sell products as you want, </p>
	<a href="ultimo-responsive-magento-theme">More details</a>

</div></div>
                </ul>
            </li>
				</ul>
	</div> <!-- end: nav -->
</div> <!-- end: nav-container -->

</div> <!-- end: header-container -->
        <div class="main-container col1-layout">
            <div class="main container">
                <div class="grid-full breadcrumbs">
    <ul>
                    <li class="home">
                            <a href="" title="Go to Home Page">Home</a>
                                        <span>/ </span>
                        </li>
                    <li class="category4">
                            <a href="electronics.html" title="">Electronics</a>
                                        <span>/ </span>
                        </li>
                    <li class="product">
                            <strong>Brand New Phone</strong>
                                    </li>
            </ul>
</div>
                <div class="preface grid-full in-col1"></div>
                <div class="col-main grid-full in-col1">
                                        <script type="text/javascript">
    var optionsPrice = new Product.OptionsPrice({"productId":"21","priceFormat":{"pattern":"$%s","precision":2,"requiredPrecision":2,"decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":1},"includeTax":"false","showIncludeTax":false,"showBothPrices":false,"productPrice":800,"productOldPrice":800,"priceInclTax":800,"priceExclTax":800,"skipCalculate":1,"defaultTax":8.25,"currentTax":0,"idSuffix":"_clone","oldPlusDisposition":0,"plusDisposition":0,"plusDispositionTax":0,"oldMinusDisposition":0,"minusDisposition":0,"tierPrices":[],"tierPricesInclTax":[]});
</script>
<div id="messages_product_view"></div>
<div class="product-view nested-container">

    <form action="checkout/cart/add/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMS5odG1sP19fX1NJRD1V/product/21/" method="post" id="product_addtocart_form" enctype="multipart/form-data">
    
        <div class="no-display">
            <input type="hidden" name="product" value="21" />
            <input type="hidden" name="related_product" id="related-products-field" value="" />
        </div>

		
        <div class="product-img-box grid12-4">
            




	    
    	        <p class="product-image simple-mode">

			<a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" class="cloud-zoom" id="zoom1" rel="position:'inside',showTitle:false,lensOpacity:0.5,smoothMove:3,zoomWidth:427,zoomHeight:275,adjustX:0,adjustY:0">
            	<img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" alt="Brand New Phone" title="Brand New Phone" />
			</a>
            
                        				            
                <a id="zoom-btn" class="lightbox-group zoom-btn-large" href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" title="Zoom">Zoom</a>
                    </p>
    
        





<div class="more-views itemslider itemslider-thumbnails count-4 gen-slider-arrows3">
    <ul class="thumbnails slides">
    
    	    
		                        <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" class="cloud-zoom-gallery lightbox-group" title=""
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone1a_1.jpg" alt=""/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone1b_1.jpg" class="cloud-zoom-gallery lightbox-group" title="Set custom image labels"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone1b_1.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone1b_1.jpg" alt="Set custom image labels"/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_3.jpg" class="cloud-zoom-gallery lightbox-group" title="For any image"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_3.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/i/p/iphone9_3.jpg" alt="For any image"/>
                    
                </a>
            </li>
                                <li>
                <a href="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/650x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_3.jpg" class="cloud-zoom-gallery lightbox-group" title="alt"
                	rel="useZoom:'zoom1', smallImage: 'http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/image/364x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_3.jpg'">
                    
                    <img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/thumbnail/65x/040ec09b1e35df139433887a97daa66f/p/h/phone2a_3.jpg" alt="alt"/>
                    
                </a>
            </li>
            
        </ul>
</div> <!-- end: more-views -->




		<script type="text/javascript">
        jQuery(function($) {
            
            $(".lightbox-group").colorbox({
			                rel:		'lightbox-group',
			                opacity:	0.5,
                speed:		300,
                current:	'{current} / {total}'
				, maxWidth:'95%', maxHeight:'95%'			});
			
							$(".cloud-zoom-gallery").first().removeClass("cboxElement");
			            
			
			$(".cloud-zoom-gallery").click(function() {
				$("#zoom-btn").prop('href', $(this).prop('href'));
			
									$(".cloud-zoom-gallery").each(function() {
						$(this).addClass("cboxElement");
					});
					$(this).removeClass("cboxElement");
							});
            
        });
    </script>

<script type="text/javascript">
	jQuery(function($) {
	var t; $(window).resize(function() { clearTimeout(t); t = setTimeout(function() { $(".more-views .cloud-zoom-gallery").first().click(); }, 500); });
	});
</script>

<script type="text/javascript">
//<![CDATA[
	jQuery(function($) {
		$('.itemslider-thumbnails').flexslider({
			namespace: "",
			animation: "slide",
			easing: "easeInQuart",
			animationSpeed: 300,
			animationLoop: false,
			slideshow: false,
			
			pauseOnHover: true,
			controlNav: false,
			
						
			itemWidth: 79,
			move: 1
		});
	});
//]]>
</script>
            <div class="sticker-wrapper top-left"><div class="sticker new">New</div></div>        </div>
        
        <div class="product-shop grid12-5">

            <div class="product-name">
                <h1>Brand New Phone</h1>
            </div>
            
                <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <p class="rating-links">
            <a id="goto-reviews" href="#product-tabs">1 Review(s)</a>
            <span class="separator">|</span>
            <a id="goto-reviews-form" href="#review-form">Add Your Review</a>
        </p>
    </div>
            
                            <div class="short-description">
                    <div class="std">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra faucibus congue. Aenean luctus dolor et purus malesuada luctus. Quisque ullamcorper ante viverra lectus fermentum quis rutrum erat sollicitudin. Fusce tortor massa.</div>
                </div>
                        
                        
            <div class="product-type-data">
    <p class="availability-only">
        <span title="Only 10 left">Only <strong>10</strong> left</span>
    </p>
    <p class="availability in-stock">Availability: <span>In stock</span></p>


                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-21">
                                            <span class="price">$800.00</span>                                    </span>
                        
        </div>



</div>
            
            

            
                                                <div class="container1-wrapper"><div class="product-options" id="product-options-wrapper">
    <script type="text/javascript">
//<![CDATA[
var DateOption = Class.create({

    getDaysInMonth: function(month, year)
    {
        var curDate = new Date();
        if (!month) {
            month = curDate.getMonth();
        }
        if (2 == month && !year) { // leap year assumption for unknown year
            return 29;
        }
        if (!year) {
            year = curDate.getFullYear();
        }
        return 32 - new Date(year, month - 1, 32).getDate();
    },

    reloadMonth: function(event)
    {
        var selectEl = event.findElement();
        var idParts = selectEl.id.split("_");
        if (idParts.length != 3) {
            return false;
        }
        var optionIdPrefix = idParts[0] + "_" + idParts[1];
        var month = parseInt($(optionIdPrefix + "_month").value);
        var year = parseInt($(optionIdPrefix + "_year").value);
        var dayEl = $(optionIdPrefix + "_day");

        var days = this.getDaysInMonth(month, year);

        //remove days
        for (var i = dayEl.options.length - 1; i >= 0; i--) {
            if (dayEl.options[i].value > days) {
                dayEl.remove(dayEl.options[i].index);
            }
        }

        // add days
        var lastDay = parseInt(dayEl.options[dayEl.options.length-1].value);
        for (i = lastDay + 1; i <= days; i++) {
            this.addOption(dayEl, i, i);
        }
    },

    addOption: function(select, text, value)
    {
        var option = document.createElement('OPTION');
        option.value = value;
        option.text = text;

        if (select.options.add) {
            select.options.add(option);
        } else {
            select.appendChild(option);
        }
    }
});
dateOption = new DateOption();
//]]>
</script>

    <script type="text/javascript">
    //<![CDATA[
    var optionFileUpload = {
        productForm : $('product_addtocart_form'),
        formAction : '',
        formElements : {},
        upload : function(element){
            this.formElements = this.productForm.select('input', 'select', 'textarea', 'button');
            this.removeRequire(element.readAttribute('id').sub('option_', ''));

            template = '<iframe id="upload_target" name="upload_target" style="width:0; height:0; border:0;"><\/iframe>';

            Element.insert($('option_'+element.readAttribute('id').sub('option_', '')+'_uploaded_file'), {after: template});

            this.formAction = this.productForm.action;

            var baseUrl = 'catalog/product/upload/';
            var urlExt = 'option_id/'+element.readAttribute('id').sub('option_', '');

            this.productForm.action = parseSidUrl(baseUrl, urlExt);
            this.productForm.target = 'upload_target';
            this.productForm.submit();
            this.productForm.target = '';
            this.productForm.action = this.formAction;
        },
        removeRequire : function(skipElementId){
            for(var i=0; i<this.formElements.length; i++){
                if (this.formElements[i].readAttribute('id') != 'option_'+skipElementId+'_file' && this.formElements[i].type != 'button') {
                    this.formElements[i].disabled='disabled';
                }
            }
        },
        addRequire : function(skipElementId){
            for(var i=0; i<this.formElements.length; i++){
                if (this.formElements[i].readAttribute('name') != 'options_'+skipElementId+'_file' && this.formElements[i].type != 'button') {
                    this.formElements[i].disabled='';
                }
            }
        },
        uploadCallback : function(data){
            this.addRequire(data.optionId);
            $('upload_target').remove();

            if (data.error) {

            } else {
                $('option_'+data.optionId+'_uploaded_file').value = data.fileName;
                $('option_'+data.optionId+'_file').value = '';
                $('option_'+data.optionId+'_file').hide();
                $('option_'+data.optionId+'').hide();
                template = '<div id="option_'+data.optionId+'_file_box"><a href="#"><img src="var/options/'+data.fileName+'" alt=""><\/a><a href="#" onclick="optionFileUpload.removeFile('+data.optionId+')" title="Remove file" \/>Remove file<\/a>';

                Element.insert($('option_'+data.optionId+'_uploaded_file'), {after: template});
            }
        },
        removeFile : function(optionId)
        {
            $('option_'+optionId+'_uploaded_file').value= '';
            $('option_'+optionId+'_file').show();
            $('option_'+optionId+'').show();

            $('option_'+optionId+'_file_box').remove();
        }
    }
    var optionTextCounter = {
        count : function(field,cntfield,maxlimit){
            if (field.value.length > maxlimit){
                field.value = field.value.substring(0, maxlimit);
            } else {
                cntfield.innerHTML = maxlimit - field.value.length;
            }
        }
    }

    Product.Options = Class.create();
    Product.Options.prototype = {
        initialize : function(config) {
            this.config = config;
            this.reloadPrice();
            document.observe("dom:loaded", this.reloadPrice.bind(this));
        },
        reloadPrice : function() {
            var config = this.config;
            var skipIds = [];
            $$('body .product-custom-option').each(function(element){
                var optionId = 0;
                element.name.sub(/[0-9]+/, function(match){
                    optionId = parseInt(match[0], 10);
                });
                if (config[optionId]) {
                    var configOptions = config[optionId];
                    var curConfig = {price: 0};
                    if (element.type == 'checkbox' || element.type == 'radio') {
                        if (element.checked) {
                            if (typeof configOptions[element.getValue()] != 'undefined') {
                                curConfig = configOptions[element.getValue()];
                            }
                        }
                    } else if(element.hasClassName('datetime-picker') && !skipIds.include(optionId)) {
                        dateSelected = true;
                        $$('.product-custom-option[id^="options_' + optionId + '"]').each(function(dt){
                            if (dt.getValue() == '') {
                                dateSelected = false;
                            }
                        });
                        if (dateSelected) {
                            curConfig = configOptions;
                            skipIds[optionId] = optionId;
                        }
                    } else if(element.type == 'select-one' || element.type == 'select-multiple') {
                        if ('options' in element) {
                            $A(element.options).each(function(selectOption){
                                if ('selected' in selectOption && selectOption.selected) {
                                    if (typeof(configOptions[selectOption.value]) != 'undefined') {
                                        curConfig = configOptions[selectOption.value];
                                    }
                                }
                            });
                        }
                    } else {
                        if (element.getValue().strip() != '') {
                            curConfig = configOptions;
                        }
                    }
                    if(element.type == 'select-multiple' && ('options' in element)) {
                        $A(element.options).each(function(selectOption) {
                            if (('selected' in selectOption) && typeof(configOptions[selectOption.value]) != 'undefined') {
                                if (selectOption.selected) {
                                    curConfig = configOptions[selectOption.value];
                                } else {
                                    curConfig = {price: 0};
                                }
                                optionsPrice.addCustomPrices(optionId + '-' + selectOption.value, curConfig);
                                optionsPrice.reload();
                            }
                        });
                    } else {
                        optionsPrice.addCustomPrices(element.id || optionId, curConfig);
                        optionsPrice.reload();
                    }
                }
            });
        }
    }
    function validateOptionsCallback(elmId, result) {
        var container = $(elmId).up('ul.options-list');
        if (result == 'failed') {
            container.removeClassName('validation-passed');
            container.addClassName('validation-failed');
        } else {
            container.removeClassName('validation-failed');
            container.addClassName('validation-passed');
        }
    }
    var opConfig = new Product.Options({"7":{"15":{"price":200,"oldPrice":200,"priceValue":"200.0000","type":"fixed","excludeTax":200,"includeTax":200},"16":{"price":300,"oldPrice":300,"priceValue":"300.0000","type":"fixed","excludeTax":300,"includeTax":300},"17":{"price":400,"oldPrice":400,"priceValue":"400.0000","type":"fixed","excludeTax":400,"includeTax":400}},"6":{"14":{"price":30,"oldPrice":30,"priceValue":"30.0000","type":"fixed","excludeTax":30,"includeTax":30},"13":{"price":50,"oldPrice":50,"priceValue":"50.0000","type":"fixed","excludeTax":50,"includeTax":50},"23":{"price":40,"oldPrice":40,"priceValue":"40.0000","type":"fixed","excludeTax":40,"includeTax":40}}});
    //]]>
    </script>
    <dl>
            
<dt><label class="required"><em>*</em>Memory</label></dt>
<dd>
    <div class="input-box">
        <select name="options[7]" id="select_7" class=" required-entry product-custom-option" title=""  onchange="opConfig.reloadPrice()"><option value="" >-- Please Select --</option><option value="15"  price="200" >16 GB +$200.00</option><option value="16"  price="300" >32 GB +$300.00</option><option value="17"  price="400" >64 GB +$400.00</option></select>                                </div>
</dd>
            
<dt><label class="required"><em>*</em>Additional Accessories</label></dt>
<dd class="last">
    <div class="input-box">
        <ul id="options-6-list" class="options-list"><li><input type="checkbox" class="checkbox  validate-one-required-by-name product-custom-option" onclick="opConfig.reloadPrice()" name="options[6][]" id="options_6_2" value="14"  price="30" /><span class="label"><label for="options_6_2">Anti-Scratch Case <span class="price-notice">+<span class="price">$30.00</span></span></label></span><script type="text/javascript">$('options_6_2').advaiceContainer = 'options-6-container';$('options_6_2').callbackFunction = 'validateOptionsCallback';</script></li><li><input type="checkbox" class="checkbox  validate-one-required-by-name product-custom-option" onclick="opConfig.reloadPrice()" name="options[6][]" id="options_6_3" value="13"  price="50" /><span class="label"><label for="options_6_3">Headphones <span class="price-notice">+<span class="price">$50.00</span></span></label></span><script type="text/javascript">$('options_6_3').advaiceContainer = 'options-6-container';$('options_6_3').callbackFunction = 'validateOptionsCallback';</script></li><li><input type="checkbox" class="checkbox  validate-one-required-by-name product-custom-option" onclick="opConfig.reloadPrice()" name="options[6][]" id="options_6_4" value="23"  price="40" /><span class="label"><label for="options_6_4">Super Anti-Glare Case <span class="price-notice">+<span class="price">$40.00</span></span></label></span><script type="text/javascript">$('options_6_4').advaiceContainer = 'options-6-container';$('options_6_4').callbackFunction = 'validateOptionsCallback';</script></li></ul>                                    <span id="options-6-container"></span>
                        </div>
</dd>
        </dl>

<script type="text/javascript">
//<![CDATA[
enUS = {"m":{"wide":["January","February","March","April","May","June","July","August","September","October","November","December"],"abbr":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]}}; // en_US locale reference
Calendar._DN = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"]; // full day names
Calendar._SDN = ["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]; // short day names
Calendar._FD = 1; // First day of the week. "0" means display Sunday first, "1" means display Monday first, etc.
Calendar._MN = ["January","February","March","April","May","June","July","August","September","October","November","December"]; // full month names
Calendar._SMN = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"]; // short month names
Calendar._am = "AM"; // am/pm
Calendar._pm = "PM";

// tooltips
Calendar._TT = {};
Calendar._TT["INFO"] = "About the calendar";

Calendar._TT["ABOUT"] =
"DHTML Date/Time Selector\n" +
"(c) dynarch.com 2002-2005 / Author: Mihai Bazon\n" +
"For latest version visit: http://www.dynarch.com/projects/calendar/\n" +
"Distributed under GNU LGPL. See http://gnu.org/licenses/lgpl.html for details." +
"\n\n" +
"Date selection:\n" +
"- Use the \xab, \xbb buttons to select year\n" +
"- Use the " + String.fromCharCode(0x2039) + ", " + String.fromCharCode(0x203a) + " buttons to select month\n" +
"- Hold mouse button on any of the above buttons for faster selection.";
Calendar._TT["ABOUT_TIME"] = "\n\n" +
"Time selection:\n" +
"- Click on any of the time parts to increase it\n" +
"- or Shift-click to decrease it\n" +
"- or click and drag for faster selection.";

Calendar._TT["PREV_YEAR"] = "Prev. year (hold for menu)";
Calendar._TT["PREV_MONTH"] = "Prev. month (hold for menu)";
Calendar._TT["GO_TODAY"] = "Go Today";
Calendar._TT["NEXT_MONTH"] = "Next month (hold for menu)";
Calendar._TT["NEXT_YEAR"] = "Next year (hold for menu)";
Calendar._TT["SEL_DATE"] = "Select date";
Calendar._TT["DRAG_TO_MOVE"] = "Drag to move";
Calendar._TT["PART_TODAY"] = ' (' + "Today" + ')';

// the following is to inform that "%s" is to be the first day of week
Calendar._TT["DAY_FIRST"] = "Display %s first";

// This may be locale-dependent. It specifies the week-end days, as an array
// of comma-separated numbers. The numbers are from 0 to 6: 0 means Sunday, 1
// means Monday, etc.
Calendar._TT["WEEKEND"] = "0,6";

Calendar._TT["CLOSE"] = "Close";
Calendar._TT["TODAY"] = "Today";
Calendar._TT["TIME_PART"] = "(Shift-)Click or drag to change value";

// date formats
Calendar._TT["DEF_DATE_FORMAT"] = "%b %e, %Y";
Calendar._TT["TT_DATE_FORMAT"] = "%B %e, %Y";

Calendar._TT["WK"] = "Week";
Calendar._TT["TIME"] = "Time:";
//]]>
</script>
            <p class="required">* Required Fields</p>
    </div>
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
<div class="product-options-bottom">
        <div class="add-to-cart">
        <button type="button" title="Add to Cart" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Cart</span></span></button>
                    <div class="qty-wrapper">
            	<label for="qty">Quantity:</label>
            	<input type="text" name="qty" id="qty" maxlength="12" value="1" title="Qty" class="input-text qty" />
            </div>
                    </div>
</div>
</div>
                                        
                            <div class="action-box addto-textlink clearer">
					

<ul class="add-to-links">
    <li><a href="wishlist/index/add/product/21/" onclick="productAddToCartForm.submitLight(this, this.href); return false;" class="link-wishlist">Add to Wishlist</a></li>
    <li><span class="separator">|</span> <a href="catalog/product_compare/add/product/21/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMS5odG1s/" class="link-compare">Add to Compare</a></li>
</ul>
					                    	<p class="email-friend"><a href="sendfriend/product/send/id/21/cat_id/4/">Email to a Friend</a></p>
                    				</div>
                        
                                                
            
        </div> <!-- end: product-shop -->
        
                    <div class="product-secondary-column grid12-3">
            	<div class="inner">

																<div class="feature-wrapper bottom-border"><div class="box-brand">
							<a href="catalogsearch/result/?q=Apple" title="Click to see more products from Apple"><img src="http://ultimo.infortis-themes.com/demo/media/wysiwyg/infortis/brands/apple.png" title="" alt="Apple" /></a>
					</div></div>
                                        
                                            <div class="block_product_secondary_bottom"><div class="feature indent first">
	<div class="icon">
		<img src="images/one.png" />
	</div>
	<p class="no-margin ">Return your items and get money back. <a href="#">Read more...</a></p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/two.png" />
	</div>
	<p class="no-margin ">Special offer: buy 2 and get 1 free. Every category available</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/three.png" />
	</div>
	<p class="no-margin ">Buy this product and earn 10 special loyalty points</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="images/four.png" />
	</div>
	<p class="no-margin ">Call us for more info about our products</p>
</div>

<div class="feature-wrapper top-border">
	<div class="addthis_toolbox addthis_default_style ">
	<a class="addthis_button_preferred_1"></a>
	<a class="addthis_button_preferred_2"></a>
	<a class="addthis_button_preferred_3"></a>
	<a class="addthis_button_preferred_4"></a>
	<a class="addthis_button_compact"></a>
	<a class="addthis_counter addthis_bubble_style"></a>
	</div>
	<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5054e6c6502d114f"></script>
</div></div>
                                        
                    
				</div>
            </div> <!-- end: product-secondary-column -->
        
        			        
    </form>
    <script type="text/javascript">
    //<![CDATA[
        var productAddToCartForm = new VarienForm('product_addtocart_form');
        productAddToCartForm.submit = function(button, url) {
            if (this.validator.validate()) {
                var form = this.form;
                var oldUrl = form.action;

                if (url) {
                   form.action = url;
                }
                var e = null;
                try {
                    this.form.submit();
                } catch (e) {
                }
                this.form.action = oldUrl;
                if (e) {
                    throw e;
                }

                if (button && button != 'undefined') {
                    button.disabled = true;
                }
            }
        }.bind(productAddToCartForm);

        productAddToCartForm.submitLight = function(button, url){
            if(this.validator) {
                var nv = Validation.methods;
                delete Validation.methods['required-entry'];
                delete Validation.methods['validate-one-required'];
                delete Validation.methods['validate-one-required-by-name'];
                if (this.validator.validate()) {
                    if (url) {
                        this.form.action = url;
                    }
                    this.form.submit();
                }
                Object.extend(Validation.methods, nv);
            }
        }.bind(productAddToCartForm);
    //]]>
    </script>
    <!-- end of product-essential (class was removed) -->



	        
    
        
	<div class="box-additional box-tabs grid-full">
    	

                
	<div id="product-tabs" class="gen-tabs gen-tabs-style1">

		        <ul class="tabs clearer">
							                	<li id="tab-description"><a href="#">Product Description</a></li>
                            				                	<li id="tab-additional"><a href="#">Additional Information</a></li>
                            				                	<li id="tab-tabreviews"><a href="#">Reviews</a></li>
                            				                	<li id="tab-product.tags"><a href="#">Product Tags</a></li>
                                        <li><a href="#">Custom Tab 1</a></li><li><a href="#">Custom Tab 2</a></li>        </ul>
        <div class="tabs-panels"><h2 class="acctab" id="acctab-description">Product Description</h2><div class="panel">    <h2>Details</h2>
    <div class="std">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pharetra faucibus congue. Aenean luctus dolor et purus malesuada luctus. Quisque ullamcorper ante viverra lectus fermentum quis rutrum erat sollicitudin. Fusce tortor massa.</p>
<p>Faucibus ut blandit cursus, varius vel mauris. Maecenas nec ullamcorper enim. Vestibulum neque leo, vehicula in consectetur sit amet, fringilla eu purus. Pellentesque egestas, felis in hendrerit porta, mauris sem pharetra ligula, sit amet ultrices enim mi ac turpis. Ut sed nisi a magna blandit imperdiet ut eu urna. Integer id enim justo. Cras nulla mauris, rhoncus at commodo ac, pretium feugiat dui. Cras ullamcorper nisl non odio congue accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam erat volutpat.</p>    </div>
</div><h2 class="acctab" id="acctab-additional">Additional Information</h2><div class="panel">    <h2>Additional Information</h2>
    <table class="data-table" id="product-attribute-specs-table">
        <col width="25%" />
        <col />
        <tbody>
                    <tr>
                <th class="label">Country of Manufacture</th>
                <td class="data"> </td>
            </tr>
                    <tr>
                <th class="label">Color</th>
                <td class="data">Black</td>
            </tr>
                </tbody>
    </table>
    <script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
</div><h2 class="acctab" id="acctab-tabreviews">Reviews</h2><div class="panel">
<div class="box-collateral box-reviews" id="customer-reviews">
                            <dl>
                    <dt>
            	<span class="heading">Customer reviews in Magento</span>Review by <span>John Example</span>            </dt>
            <dd>
                                                <table class="ratings-table">
                    <col width="1" />
                    <col />
                    <tbody>
                                                <tr>
                            <th>Quality</th>
                            <td>
                                <div class="rating-box">
                                    <div class="rating" style="width:100%;"></div>
                                </div>
                            </td>
                        </tr>
                                                <tr>
                            <th>Overall</th>
                            <td>
                                <div class="rating-box">
                                    <div class="rating" style="width:100%;"></div>
                                </div>
                            </td>
                        </tr>
                                            </tbody>
                </table>
                                Customers can provide a descriptive review, and can also rate a product on a &quot;star rating&quot; scale, from one star to five stars. You can create additional ratings in the admin panel. Ratings are displayed on product and category pages.<br />
<br />
Customer reviews and ratings can be approved, rejected or edited by admin. This level of control ensures that abusive reviews are not published.                <small class="date">(Posted on 11/12/12)</small>
            </dd>
                </dl>
                <div class="form-add">
    <h2>Write Your Own Review</h2>
        <form action="review/product/post/id/21/" method="post" id="review-form">
        <fieldset>
                        <h3>You're reviewing: <span>Brand New Phone</span></h3>
                            <h4>How do you rate this product? <em class="required">*</em></h4>
                <span id="input-message-box"></span>
                <table class="data-table" id="product-review-table">
                    <col />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <col width="1" />
                    <thead>
                        <tr>
                            <th>&nbsp;</th>
                            <th><span class="nobr">1 star</span></th>
                            <th><span class="nobr">2 stars</span></th>
                            <th><span class="nobr">3 stars</span></th>
                            <th><span class="nobr">4 stars</span></th>
                            <th><span class="nobr">5 stars</span></th>
                        </tr>
                    </thead>
                    <tbody>
                                            <tr>
                            <th>Quality</th>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_1" value="1" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_2" value="2" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_3" value="3" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_4" value="4" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[1]" id="Quality_5" value="5" class="radio" /></td>
                                                </tr>
                                            <tr>
                            <th>Overall</th>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_1" value="6" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_2" value="7" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_3" value="8" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_4" value="9" class="radio" /></td>
                                                    <td class="value"><input type="radio" name="ratings[2]" id="Overall_5" value="10" class="radio" /></td>
                                                </tr>
                                        </tbody>
                </table>
                <input type="hidden" name="validate_rating" class="validate-rating" value="" />
                <script type="text/javascript">decorateTable('product-review-table')</script>
                            <ul class="form-list">
                    <li>
                        <label for="nickname_field" class="required"><em>*</em>Nickname</label>
                        <div class="input-box">
                            <input type="text" name="nickname" id="nickname_field" class="input-text required-entry" value="a" />
                        </div>
                    </li>
                    <li>
                        <label for="summary_field" class="required"><em>*</em>Summary of Your Review</label>
                        <div class="input-box">
                            <input type="text" name="title" id="summary_field" class="input-text required-entry" value="" />
                        </div>
                    </li>
                    <li>
                        <label for="review_field" class="required"><em>*</em>Review</label>
                        <div class="input-box">
                            <textarea name="detail" id="review_field" cols="5" rows="3" class="required-entry"></textarea>
                        </div>
                    </li>
                </ul>
            </fieldset>
            <div class="buttons-set">
                <button type="submit" title="Submit Review" class="button"><span><span>Submit Review</span></span></button>
            </div>
    </form>
    <script type="text/javascript">
    //<![CDATA[
        var dataForm = new VarienForm('review-form');
        Validation.addAllThese(
        [
               ['validate-rating', 'Please select one of each of the ratings above', function(v) {
                    var trs = $('product-review-table').select('tr');
                    var inputs;
                    var error = 1;
    
                    for( var j=0; j < trs.length; j++ ) {
                        var tr = trs[j];
                        if( j > 0 ) {
                            inputs = tr.select('input');
    
                            for( i in inputs ) {
                                if( inputs[i].checked == true ) {
                                    error = 0;
                                }
                            }
    
                            if( error == 1 ) {
                                return false;
                            } else {
                                error = 1;
                            }
                        }
                    }
                    return true;
                }]
        ]
        );
    //]]>
    </script>
    </div>
</div>
</div><h2 class="acctab" id="acctab-product.tags">Product Tags</h2><div class="panel"><div class="box-collateral box-tags">
    <h2>Product Tags</h2>
            <form id="addTagForm" action="tag/index/save/product/21/uenc/aHR0cDovL3VsdGltby5pbmZvcnRpcy10aGVtZXMuY29tL2RlbW8vZm91cnRoL3Bob25lMS5odG1s/" method="get">
        <div class="form-add">
            <label for="productTagName">Add Your Tags:</label>
            <div class="input-box">
                <input type="text" class="input-text required-entry" name="productTagName" id="productTagName" />
            </div>
            <button type="button" title="Add Tags" class="button" onclick="submitTagForm()">
                <span>
                    <span>Add Tags</span>
                </span>
            </button>
        </div>
    </form>
    <p class="note">Use spaces to separate tags. Use single quotes (') for phrases.</p>
    <script type="text/javascript">
    //<![CDATA[
        var addTagFormJs = new VarienForm('addTagForm');
        function submitTagForm(){
            if(addTagFormJs.validator.validate()) {
                addTagFormJs.form.submit();
            }
        }
    //]]>
    </script>
</div>
</div><h2 class="acctab">Custom Tab 1</h2><div class="panel"><div class="std"><p>Custom CMS block displayed as a tab. You can use it to display info about returns and refunds, latest promotions etc. You can put your own content here: text, HTML, images - whatever you like. There are <strong>many similar blocks</strong> accross the store. All CMS blocks are editable from the admin panel.</p>

<div class="feature small indent first">
	<div class="icon list2 no-bg-color"></div>
	<p class="no-margin">Return your items and get your money back. <a href="#">More details</a></p>
</div>
<div class="feature small indent">
	<div class="icon list2 no-bg-color"></div>
	<p class="no-margin">Special offer: buy 2 and get 1 free. Every category available</p>
</div>
<div class="feature small indent last">
	<div class="icon list2 no-bg-color"></div>
	<p class="no-margin">Buy this product and earn 10 special loyalty points</p>
</div></div></div><h2 class="acctab">Custom Tab 2</h2><div class="panel"><div class="std"><p>Another custom CMS block displayed as a tab. You can use it to display info about returns and refunds, latest promotions etc. You can put your own content here: text, HTML, images - whatever you like. There are <strong>many similar blocks</strong> accross the store. All CMS blocks are editable from the admin panel.</p>

<p>Lorem ipsum dolor sit, consectetur adipiscing elit. Etiam neque velit, blandit sed scelerisque quis. Nullam ornare enim nec justo bibendum lobortis. In eget metus.</p></div></div></div>
        
	</div>
	<script type="text/javascript">
		jQuery(function($){var p=$(window).width()>=0x3C0;if($(window).width()>=0x3C0){$(".gen-tabs > .tabs").tabs(".tabs-panels .panel")}else{$(".gen-tabs").addClass("accor");$(".tabs-panels").tabs(".tabs-panels .panel",{tabs:'.acctab',effect:'slide'})}var t;$(window).resize(function(){clearTimeout(t);t=setTimeout(function(){if($(window).width()<0x3C0){if(p){var a=$(".tabs").data("tabs");var b=a.getIndex();a.destroy();$(".gen-tabs").addClass("accor");$(".tabs-panels").tabs(".tabs-panels .panel",{tabs:'.acctab',effect:'slide',initialIndex:b})}p=false}else{if(!p){var a=$(".tabs-panels").data("tabs");var b=a.getIndex();a.destroy();$(".gen-tabs").removeClass("accor");$(".gen-tabs > .tabs").tabs(".tabs-panels .panel",{initialIndex:b})}p=true}},500)})});
    </script>

				<script type="text/javascript">
			jQuery(function($){$("#goto-reviews, #goto-reviews-form").click(function(){if($("#product-tabs").hasClass("accor")){$("#product-tabs .tabs-panels").data("tabs").click($(".tabs-panels .acctab").index($("#acctab-tabreviews")))}else{$("#product-tabs .tabs").data("tabs").click($("#tab-tabreviews").index())}})});
		</script>
        
        	</div> <!-- end: box-tabs -->
    
    <div class="box-additional box-up-sell grid-full "><h3 class="section-title">You may also be interested in the following product(s)</h3>
<div class="upsell-itemslider-wrapper itemslider-wrapper">

	<div class="nav-wrapper gen-slider-arrows1 gen-slider-arrows1-pos-top-right">
    </div>
    
    <div class="itemslider itemslider-horizontal itemslider-x count-5">
        <ul class="slides products-grid">
                            
                <li class="item">
                    <a href="phone4.html" title="Simple Phone" class="product-image"><img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/168x/040ec09b1e35df139433887a97daa66f/p/h/phone1b_2.jpg" alt="Simple Phone" /></a>
                    <h3 class="product-name"><a href="phone4.html" title="Simple Phone">Simple Phone</a></h3>
                    

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-29-upsell">
                                            <span class="price">$699.00</span>                                    </span>
                        
        </div>

                        <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                </li>
                
                <li class="item">
                    <a href="phone2.html" title="Phone with Variants" class="product-image"><img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/168x/040ec09b1e35df139433887a97daa66f/p/h/phone1e_1.jpg" alt="Phone with Variants" /></a>
                    <h3 class="product-name"><a href="phone2.html" title="Phone with Variants">Phone with Variants</a></h3>
                    

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-22-upsell">
                                            <span class="price">$750.00</span>                                    </span>
                        
        </div>

                        <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:80%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                </li>
                
                <li class="item">
                    <a href="phone5.html" title="Phone Blue" class="product-image"><img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/168x/040ec09b1e35df139433887a97daa66f/p/h/phone1ff_1_1.jpg" alt="Phone Blue" /></a>
                    <h3 class="product-name"><a href="phone5.html" title="Phone Blue">Phone Blue</a></h3>
                    

                
    <div class="price-box">
                                                            <span class="regular-price" id="product-price-30-upsell">
                                            <span class="price">$400.00</span>                                    </span>
                        
        </div>

                        <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                </li>
                
                <li class="item">
                    <a href="phone3.html" title="Configurable Phone" class="product-image"><img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/168x/040ec09b1e35df139433887a97daa66f/p/h/phone1d_1.jpg" alt="Configurable Phone" /></a>
                    <h3 class="product-name"><a href="phone3.html" title="Configurable Phone">Configurable Phone</a></h3>
                    

                
    <div class="price-box">
                                
                    <p class="old-price">
                <span class="price-label">Regular Price:</span>
                <span class="price" id="old-price-24-upsell">
                    $700.00                </span>
            </p>

                        <p class="special-price">
                <span class="price-label">Now only:</span>
                <span class="price" id="product-price-24-upsell">
                    $690.00                </span>
            </p>
                    
    
        </div>

                        <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                </li>
                
                <li class="item">
                    <a href="phone9.html" title="Groupped Product" class="product-image"><img src="http://ultimo.infortis-themes.com/demo/media/catalog/product/cache/5/small_image/168x/040ec09b1e35df139433887a97daa66f/p/h/phone9a.jpg" alt="Groupped Product" /></a>
                    <h3 class="product-name"><a href="phone9.html" title="Groupped Product">Groupped Product</a></h3>
                    

                <div class="price-box">
            <p class="minimal-price">
                <span class="price-label">Starting at:</span>
                                                    <span class="price" id="product-minimal-price-34-upsell">
                    $124.00                </span>
                            </p>
        </div>
                            <div class="ratings">
                    <div class="rating-box">
                <div class="rating" style="width:100%"></div>
            </div>
                <span class="amount">1 Review(s)</span>
    </div>
                </li>
                    </ul> <!-- end: slides -->
    </div> <!-- end: itemslider -->

</div> <!-- end: itemslider-wrapper -->
<script type="text/javascript">
//<![CDATA[
	jQuery(function() {
		jQuery('.upsell-itemslider-wrapper .itemslider').flexslider({
			namespace: "",
			animation: "slide",
			easing: "easeInQuart",
			animationLoop: false,
			slideshow: false,
			
							animationSpeed: 300,
						
			pauseOnHover: true,
			controlNav: false,
			
			controlsContainer: ".upsell-itemslider-wrapper .nav-wrapper",
			
			itemWidth: 188
		});
	});
//]]>
</script></div>    
    
</div> <!-- end: product-view -->
<div id="map-popup" class="map-popup" style="display:none;">
    <a href="#" class="map-popup-close" id="map-popup-close">x</a>
    <div class="map-popup-arrow"></div>
    <div class="map-popup-heading"><h2 id="map-popup-heading"></h2></div>
    <div class="map-popup-content" id="map-popup-content">
        <div class="map-popup-checkout">
            <form action="" method="POST" id="product_addtocart_form_from_popup">
                <input type="hidden" name="product" class="product_id" value="" id="map-popup-product-id" />
                <div class="additional-addtocart-box">
                                    </div>
                <button type="button" title="Add to Cart" class="button btn-cart" id="map-popup-button"><span><span>Add to Cart</span></span></button>
            </form>
        </div>
        <div class="map-popup-msrp" id="map-popup-msrp-box"><strong>Price:</strong> <span style="text-decoration:line-through;" id="map-popup-msrp"></span></div>
        <div class="map-popup-price" id="map-popup-price-box"><strong>Actual Price:</strong> <span id="map-popup-price"></span></div>
        <script type="text/javascript">
        //<![CDATA[
            document.observe("dom:loaded", Catalog.Map.bindProductForm);
        //]]>
        </script>
    </div>
    <div class="map-popup-text" id="map-popup-text">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
    <div class="map-popup-text" id="map-popup-text-what-this">Our price is lower than the manufacturer's &quot;minimum advertised price.&quot;  As a result, we cannot show you the price in catalog or the product page. <br /><br /> You have no obligation to purchase the product once you know the price. You can simply remove the item from your cart.</div>
</div>

<script type="text/javascript">
    var lifetime = 3600;
    var expireAt = Mage.Cookies.expires;
    if (lifetime > 0) {
        expireAt = new Date();
        expireAt.setTime(expireAt.getTime() + lifetime * 1000);
    }
    Mage.Cookies.set('external_no_cache', 1, expireAt);
</script>
                </div>
                <div class="postscript grid-full in-col1"></div>
            </div>
        </div>
        
<div class="footer-container">

	<div class="footer-top-container section-container">
        <div class="footer-top footer container stretched">
            <div class="grid-full">
            
                <div class="section clearer show-separators">
                
                	                                            <div class="item float-left"><ul class="links">
                        <li class="first" ><a href="catalog/seo_sitemap/category/" title="Site Map" >Site Map</a></li>
                                <li ><a href="catalogsearch/term/popular/" title="Search Terms" >Search Terms</a></li>
                                <li ><a href="catalogsearch/advanced/" title="Advanced Search" >Advanced Search</a></li>
                                                                <li ><a href="contacts/" title="Contact Us" >Contact Us</a></li>
                                <li class=" last" ><a href="rss/" title="RSS" class="link-rss">RSS</a></li>
            </ul>
</div>
                                        
                                                            
                                                                <div class="item float-right"><ul class="links hide-below-768">

    <li class="first">
    	<a href="about-magento-demo-store/">About Us</a>
    </li>
    <li class="last">
    	<a href="customer-service/">Customer Service</a>
    </li>

</ul></div>
                                        
                </div> <!-- end: footer-top section -->
                
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-top -->
    </div>
        
    <div class="footer-primary-container section-container padding-top padding-bottom">
        <div class="footer-primary footer container show-bg">
            <div class="grid-full">
            
                <div class="section clearer">
					<div class="persistent-grid2-1 grid12-3 alpha">	<div class="section-space std"><div class="feature first last">
	<img class="icon" src="images/info.png" />
	<h6 class="heading">About Ultimo Theme</h6>
	<p class="text">Lorem ipsum dolor sit, consectetur adipiscing elit. Etiam neque velit, blandit sed scelerisque quis.</p>
	<p class="text">Nullam ornare enim nec justo bibendum lobortis. In eget metus.</p>
	<a class="go" href="">Click to buy this theme</a>
</div></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><div class="feature indent first">
	<div class="icon">
		<img src="images/one.png" />
	</div>
	<p class="no-margin ">Lorem ipsum dolor sit consectetur, adipiscing elit</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/two.png" />
	</div>
	<p class="no-margin ">Etiam neque velit magento blanditsch ecommerce</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/three.png" />
	</div>
	<p class="no-margin ">Scelerique qui responsive magento themes lorem</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="images/four.png" />
	</div>
	<p class="no-margin ">Nullam premium templates omar enim nec del rio</p>
</div></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Something About Us</h6>
<ul class="bullet">
<li><a href="about-magento-demo-store/">About Us</a></li>
<li><a href="privacy-policy-cookie-restriction-mode/">Privacy Policy</a></li>
<li><a href="customer-service/">Customer Service</a></li>
<li><a href="#">Meat Our Best Partners</a></li>
<li><a href="#">Our Other Projects</a></li>
<li><a href="#">One Click To Join Us</a></li>
<li><a href="#">Follow Us On Twitter</a></li>
<li><a href="http://infortis-themes.com/">Magento Themes</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3 omega">	<div class="section-space std"><div class="feature indent first">
	<div class="icon">
		<img src="images/phone.png" />
	</div>
	<p class="no-margin ">Call Us +001 555 801<br/>Fax +001 555 802</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/mobile.png" />
	</div>
	<p class="no-margin ">+77 123 1234<br/>+42 98 9876</p>
</div>
<div class="feature indent">
	<div class="icon">
		<img src="images/email.png" />
	</div>
	<p class="no-margin ">boss@example.com<br/>me@example.com</p>
</div>
<div class="feature indent last">
	<div class="icon">
		<img src="images/skype.png" />
	</div>
	<p class="no-margin ">Skype: contact_us<br/>skype_support</p>
</div></div></div>                </div> <!-- end: footer-primary section -->
                
                <div class="footer-primary-bottom section section-space">
                    <div class="footer-primary-bottom-inner clearer">
                    
						                        	<div class="item float-left clearer block_footer_primary_bottom_left"><div class="social-links">

	<a class="first" href="#" title="Join us on Facebook">
		<img src="images/facebook.png" alt="facebook" />
	</a>
	<a href="#" title="Follow us on Twitter">
		<img src="images/twitter.png" alt="twitter" />
	</a>
	<a href="#" title="Join us on Google Plus">
		<img src="images/googleplus.png" alt="google" />
	</a>
	<a href="#" title="Pinterest">
		<img src="images/pinterest.png" alt="pinterest" />
	</a>
	<a href="#" title="Watch us on YouTube">
		<img src="images/youtube.png" alt="youtube" />
	</a>

	<a class="first" href="#" title="Linked In">
		<img src="images/linkedin.png" alt="linked in" />
	</a>
	<a href="#" title="Pinterest">
		<img src="images/pinterest.png" alt="pinterest" />
	</a>
	<a href="#" title="Join us on Google Plus">
		<img src="images/googleplus.png" alt="google" />
	</a>
	<a href="#" title="Follow us on Twitter">
		<img src="images/twitter.png" alt="twitter" />
	</a>
	<a href="#" title="Watch us on YouTube">
		<img src="images/youtube.png" alt="youtube" />
	</a>

</div></div>
                                                
                                                
                                                    <div class="item float-right clearer">
                                
<div id="subscribe-form" class="clearer">
    <form action="newsletter/subscriber/new/" method="post" id="newsletter-validate-detail">
        <div>
            <label for="newsletter">Newsletter</label>
            <div class="input-box">
                <input type="text" name="email" id="newsletter" title="Sign up for our newsletter" class="input-text required-entry validate-email" />
            </div>
            <button type="submit" title="Subscribe" class="button btn-inline"><span><span>Subscribe</span></span></button>
        </div>
    </form>
</div>
<script type="text/javascript">
//<![CDATA[
    var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
    new Varien.searchForm('newsletter-validate-detail', 'newsletter', 'Enter your email address');
//]]>
</script>
                            </div>
                                                
                    </div> 
                </div> <!-- end: footer-primary-bottom -->
            
            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-primary -->
    </div>

    <div class="footer-secondary-container section-container">
        <div class="footer-secondary footer container">
            <div class="grid-full">
            
                <div class="section clearer">
					<div class="persistent-grid2-1 grid12-3 alpha">	<div class="section-space std"><h6 class="heading">First Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">This is just a sample store link</a></li>
<li><a href="path/to/page/">And this is some other link example</a></li>
<li><a href="path/to/page/">Another dummy text as anchor</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Second Sample Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Some other link example</a></li>
<li><a href="path/to/page/">This is just a simple sample link</a></li>
<li><a href="path/to/page/">Another dummy text</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3">	<div class="section-space std"><h6 class="heading">Third Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Another nonsense text as link</a></li>
<li><a href="path/to/page/">This is just a simple sample link</a></li>
<li><a href="path/to/page/">Some other link example</a></li>
</ul></div></div><div class="persistent-grid2-1 grid12-3 omega">	<div class="section-space std"><h6 class="heading">Fourth Heading</h6>
<ul class="bullet">
<li><a href="path/to/page/">Last Sample Link</a></li>
<li><a href="path/to/page/">Some Other Link In Another</a></li>
<li><a href="path/to/page/">Link Example</a></li>
</ul></div></div>                </div> <!-- end: footer-secondary section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-secondary -->
    </div>
    
    <div class="footer-bottom-container section-container">
        <div class="footer-bottom footer container">
            <div class="grid-full">

                <div class="section clearer">
                
                	<div class="item float-left">
                    	<p class="footer-copyright">Copyright &copy; 2012 Advanced Magento Themes by Infortis. All Rights Reserved.<br/>
This is a demo store. Any orders placed through this store will not be honored or fulfilled.</p>
                    </div>
                    
                                        	<div class="item float-right block_footer_payment"><img src="images/payment.gif" alt="Payment methods" title="Sample image with payment methods" /></div>
                                        
                                        	<div class="item float-right"><div class="store-switcher">
    <label for="select-store">Select Store:</label>
    <select id="select-store" title="Select Store" onchange="location.href=this.value">
                        <option value="">Main Demo</option>
                    <option value="">Store 2</option>
                    <option value="">Store 3</option>
                    <option value="" selected="selected">Store 4</option>
        </select>
</div>
</div>
                                        
                    
                </div> <!-- end: footer-bottom section -->

            </div> <!-- end: grid-full -->
        </div> <!-- end: footer-bottom -->
    </div>
    
    <a href="#top" id="scroll-to-top">To top</a>

</div> <!-- end: footer-container -->


<script type="text/javascript">

			function setGridItemsEqualHeight($)
	{
		var SPACING = 20;
		if ($(window).width() >= 480)
		{
			$('.category-products-grid').removeClass("auto-height");
			
			var gridItemMaxHeight = 0;
			$('.category-products-grid > .item').each(function() {
				$(this).css("height", "auto");
				
				////////////////////////////////////////////////////////////////
									var actionsHeight = $(this).find('.actions').height();
					$(this).css("padding-bottom", (actionsHeight + SPACING) + "px"); //Set new padding
								////////////////////////////////////////////////////////////////
				
				gridItemMaxHeight = Math.max(gridItemMaxHeight, $(this).height());
			});
			
			//Apply max height
			$('.category-products-grid > .item').css("height", gridItemMaxHeight + "px");
		}
		else
		{
			$('.category-products-grid').addClass("auto-height");
			$('.category-products-grid > .item').css("height", "auto");
			$('.category-products-grid > .item').css("padding-bottom", "20px");
		}
	}
		
		function activateMobileMenu($)
	{
		if ($(window).width() < 960)
		{
			$('#mobnav').show();
			$('.vertnav-top').addClass('mobile');
			$('#nav').addClass('mobile');
		}
		else
		{
			$('#nav').removeClass('mobile');
			$('.vertnav-top').removeClass('mobile');
			$('#mobnav').hide();
		}
	}
	
	

	jQuery(function($) {

				activateMobileMenu(jQuery);
		
				$('#mobnav-trigger').toggle(function() {
			$(this).addClass('active');
			$('.vertnav-top').addClass('show');
		}, function() {
			$(this).removeClass('active');
			$('.vertnav-top').removeClass('show');
		});

				$("#nav > li").hover(function() {
			$(this).find(".level0").stop(true, true).delay(150).fadeIn(300, "easeOutCubic");
		}, function() {
			$(this).find(".level0").stop(true, true).delay(150).fadeOut(300, "easeInCubic");
		});
		
				$("#mini-cart").hover(function() {
			$(this).addClass('hover');
			$("#mini-cart .block-content").stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
		}, function() {
			$("#mini-cart .block-content").stop(true, true).delay(300).fadeOut(500, "easeInCubic");
		});
		
				$(".dropdown-button").mouseenter(function() {
			$(this).click();
		});
		$(".dropdown-button").click(function() {
			$(this).addClass('hover');
			var el = $(this).find("ul");
			if ($(window).width() >= 480)
				el.stop(true, true).delay(300).fadeIn(500, "easeOutCubic");
			else
				el.show();

			//Positionning
			var x = el.offset().left;
			if (x < 0)
			{
				var space = $(this).offset().left;
				el.css("left", (-1)*space);
				el.css("right", "auto");
			}
		}).mouseleave(function() {			
			var el = $(this).find("ul");
			if ($(window).width() >= 480)
				el.stop(true, true).delay(300).fadeOut(500, "easeInCubic");
			else
				el.hide();
			el.css("left", "");
			el.css("right", "");
		});
		
				$(window).scroll(function(){
			if ($(this).scrollTop() > 100)
			{
				$('#scroll-to-top').fadeIn();
			}
			else
			{
				$('#scroll-to-top').fadeOut();
			}
		});
		$('#scroll-to-top').click(function(){
			$("html, body").animate({scrollTop: 0}, 600, "easeOutCubic");
			return false;
		});
		
		
						
						$('.category-products-grid > .item').hover(function() {
				$(this).find(".display-onhover").fadeIn(400, "easeInCubic");
			}, function() {
				$(this).find(".display-onhover").hide();
			});
		
				
		
		/* On resize */
		var t;
		$(window).resize(function() {
			clearTimeout(t);
			t = setTimeout(function() {

													setGridItemsEqualHeight($);
								
								$('.itemslider').each(function(index){
					var s = $(this).data('flexslider');
					if (s != null) s.flexAnimate(0);
				});
				
								activateMobileMenu($);
				
			}, 100);
		});

	}); /* end: jQuery(){...} */
	
	
	
	jQuery(window).load(function(){
		
							setGridItemsEqualHeight(jQuery);
		
	}); /* end: jQuery(window).load(){...} */
	
</script>
            </div>
</div>
</body>
</html>
